<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Music</title>
    <link rel="stylesheet" href="./css/globel.css">
    <link rel="stylesheet" href="./css/Music.css">
    <script src="./lib/jquery.min.js"></script>
    <script src="./js/Music.js"></script>
</head>
<body>
    <div id="container">
        <div>
            <a href="./index.html"><img src="./imgs/backIndex.png" alt="" id="back"></a>
        </div>
        <div id="banner_wrap"><ul id="banner"></ul></div>
        <div id="left_point">
            <ul>
                <li class="comli" id="left_li1">
                    <a href="#content" >简介</a>
                    </li>
                <li class="comli"id="left_li2"><a href="#content2">广陵散</a></li></li>
                <li class="comli"id="left_li3"><a href="#content3">阳春白雪</a></li>
                <li class="comli"id="left_li4"><a href="#content4">发如雪</a></li>
                <li class="comli"id="left_li5"><a href="./index.html">Index</a></li>
            </ul>
        </div>
        <div id="content">
            <div class="com_title">国风歌曲（古今）</div>
            <div id="words">
                中国风歌曲，即在歌曲中加入中国古代一些典故作为创作背景，用现代的音乐唱出古典的味道，唱法多样。曲风偏向传统的东方演奏，加入一些东方乐器
                通曲音调婉转，回环，有一种传统东方的美感，音乐多采用“宫调式”的主旋律,编曲上大量运用中国乐器：如古筝、箫、琵琶、笛子等。
                它完全符合“三古三新”（古辞赋、古文化、古旋律、新唱法、新编曲、新概念）的标准。
               
            </div>
            <div id="word2">
                流行的节奏，能够把古老的旋律变得更加现代。最主要的节奏变化是现代节奏讲究低音，如地鼓，base，这些节奏点强的乐器，而中国音乐“戏剧、民乐”历来是没有低音这个概念的，就算节奏乐器也是高音的“嘀嘀嗒嗒”，加入低音的节奏点后，让歌曲显得更加富有张力和融合性.新的节奏，新的低音点，算是中国音乐的新包装吧！！！
                Loop的音色，也能成为中国风的节奏，将一首昆剧加Loop，效果很好，感觉象在商业街演唱的中国文化，重新包装了。
            </div>
        </div>
        <div id="content2">
            <div class="com_title">广陵散</div>
            <div class="photos">
                <img src="./imgs/musicCard.png" alt="">
            </div>
            <audio src="./audio/music1.mp3" controls class="comaudio"></audio>
        </div>
        <div id="content3">
            <div class="com_title">阳春白雪</div>
            <div class="photos">
                <img src="./imgs/musicCard.png" alt="">
            </div>
            <audio src="./audio/music2.mp3" controls class="comaudio"></audio>
        </div>
        <div id="content4">
            <div class="com_title">发如雪</div>
            <div class="photos">
                <img src="./imgs/musicCard.png" alt="">
            </div>
            <audio src="./audio/music3.mp3" controls class="comaudio"></audio>
        </div>

    </div>
    <script src="./js/banner.js"></script>
</body>
</html>